<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>洛璃的网站</title>
</head>
<body>
    <!-- 列表: 用于创建一块形状相似，布局相仿，结构相同的区域
        例如：购物清单，菜单列表，微博排行等

        在html中一共有三种列表：
        1.有序列表
        2.无序列表
        3.自定义列表
     -->

     <!-- ol  创建有序列表容器  在有序列表中只能有li一种子元素 -->
     <!-- li是列表项，其只能放在列表容器中 -->
     铁道
     <ol>
        <li>流萤</li>
        <li>知更鸟</li>
        <li>花火</li>
     </ol>

     <!-- ul  创建无序列表容器  同样的，也只能有li一种子元素-->
     碧蓝档案
     <ul>
        <li>日奈</li>
        <li>sensei</li>
        <li>一家人</li>
     </ul>

     <!-- dl  创建自定义列表容器 -->
     <!-- dt   自定义列表标题 -->
     <dl>
        <dt>电影</dt>
        <dd>打上花火</dd>
        <dd>让子弹飞</dd>
        <dd>猫鼠游戏</dd>
     </dl>
</body>
</html>